<!DOCTYPE html>
<html>
<head>
<jsp:include page="../include/meta1.jsp" />
<link rel="stylesheet" href="resources/css/reachContentFix.css" />
<title>${info.title} - <smt:dict code="company.name" /></title>
<style>
.container{
	width: 1200px !important;
}

@media (min-width: 1200px) {
	.container {
	    max-width: 1200px;
	}
}

.aside-container li a.cur, .aside-container li a:hover {
    background: #999;
    color: #fff;
}

.aside-container li a {
    height: 30px;
    line-height: 30px;
    display: block;
    border-radius: 10px/10px;    
}

.btn li {
    display: inline-block;
    margin-right: 6px;
}

.btn li a {
    display: block;
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    color: #777777;
    background: #fff;
    border-radius: 5px/5px;
    border: 1px solid #ccc;
    font: normal 1.1em/28px 'microsoft yahei';
}

article {  
	padding: 0 !important; 
}
</style>
<script src="resources/js/jquery-1.9.1.js"></script>
</head> 
<body class="details-page open">
	<jsp:include page="../include/navbar.jsp"/>
	<div id="banner-re" class="hidden-md-down" style="text-align: center;">
	    <img src="upload/images/desktop/subbanner1.jpg" class="img-fluid">
	</div>
	
	<div class="container">
		<div class="row">
			<div class="col-3" style="min-height: 1000px; background: #fff;">
				<div style="background: #fff; color: #666; padding: 20px 10px;">
				<h1><a href="index.html"><img alt="logo图片" src="upload/images/logo.png" width="100%" /></a></h1><br>
				<div class="qrcode aside-container"><img src="upload/images/qrcode.jpg" /><p>扫一扫微信二维码<i></i></p>
				</div>
				<nav class="aside-container">
				<ul>
					<li><a href="index.html">网站首页</a></li>
					<li><a class="cur" href="#">财富热点</a></li>
				</ul>
				</nav>
				</div>
			</div>
			<div class="col-9">
				<div class="inner-wrap">
					<ul class="btn">
						<li>
							<a href="info/list?typeId=${info.type.id}">
								<img src="resources/images/home.png"><span style="margin-left: 5px" class="yc">${info.type.name}</span>
							</a>
						</li>
						
						<li><a href="<c:choose><c:when test="${preInfo==null}">javascript:;</c:when> <c:otherwise>info/${preInfo.id}.html</c:otherwise></c:choose>">
							<span><img src="resources/images/pre.png"></span></a></li>
						<li><a href="<c:choose><c:when test="${nextInfo==null}">javascript:;</c:when> <c:otherwise>info/${nextInfo.id}.html</c:otherwise></c:choose>">
							<span><img src="resources/images/next.png"></span></a></li>
					</ul>
					<article>
						<h1>${info.title}</h1>
						<p class="info">
							更新时间：<fmt:formatDate value="${info.timeUpdated}" pattern="yyyy-MM-dd"/><u> </u>查看次数：${info.viewCount}
						</p>
						<div class="content" style="margin-bottom: 50px;">
							${info.contentUnEscaped}
						</div>
						<div>
					</article>
				</div>
			</div>
		</div>
	</div>
<script type="text/javascript" src="resources/js/jquery-1.9.1.js"></script>
<script type="text/javascript">
	$(".sub-nav .switch").click(function(){ 
		if($('body').hasClass('open')){
			$(this).attr('data-icon',9);		
			$('body').removeClass('open').addClass('close');
		}else{
			$(this).attr('data-icon',8);
			$('body').removeClass('close').addClass('open');
		}
		
	});
	$(".btns .up").click(function(){ 
		$("html,body").animate({scrollTop:0},600);
	});
	$(".news-cate-dropdown button").click(function(){
		var box=$(".news-cate-dropdown");
		if(box.hasClass("active")){
			box.removeClass("active");
		}else{
			box.addClass('active');
		}
	});
</script>

 </body>
 
 </html>